$('#showReg').on('click', function () {
    $('.reg-form').show()
    $('.login-form').hide()
  })
  
  $('#showLogin').on('click', function () {
    $('.reg-form').hide()
    $('.login-form').show()
  })
  
  var form = layui.form
  form.verify({
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    pwd: function (value) {
      if ($('#passwordInput').val() !== value) {
        return `两次输入的密码不一样`
      }
    }
  });
  
  // //请求根路径
  // // axios.defaults.baseURL = 'http://api-breakingnews-web.itheima.net'
  // $('.reg-form').on('submit', function (e) {
  //   e.preventDefault()
  
  //   let data = $(this).serialize()
  //   axios.post('/api/reguser', data).then(res => console.log(res))
  // })
  // =============== 完成注册功能 ===============
  
  
  let layer = layui.layer
  
  $('.reg-form').on('submit', function (e) {
    e.preventDefault()
  
    // 用serialize请求数据一定要带有name属性
  
    let data = $(this).serialize()
  
  
    axios.post('/api/reguser', data).then(({ data: { status, message } }) => {
      if (status !== 0) {
        // 注册失败
        return layer.msg(message)
      } else {
        layer.msg(message)
        $('#showLogin').click()
      }
    })
  })
  
  $('.login-form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    axios.post('/api/login', data).then(({ data: { status, message, token } }) => {
      if (status !== 0) {
        return layer.msg(message)
      }
      localStorage.setItem('token', token)
      layer.msg(message, {
        time: 2000,
      }, function () {
        location.href = './index.html'
      }
      )
    })
  })
  